<template>
  <div class="app-content" id="app">
	  <my-header></my-header>
	  <my-footer></my-footer>
  <!-- <header v-if="header_show"></header> -->
  <!-- <header-top></header-top> -->
    <!-- header -->
   <!-- <v-header></v-header> -->
    <!-- router-view -->
	<!-- <Header></Header> -->
	   <!-- <mt-header fixed title="首页">
	
	
		 </mt-header> -->
		<!-- <transition> -->
	   	<!-- <router-view /> -->
		   <!-- <router-view></router-view> -->
		 <!-- <router-view v-on:H_header="H_header" v-on:F_footer="F_footer"></router-view>	 -->
		 <router-view></router-view>
		<!-- <Footer v-if="footer_show"></Footer> -->
	
	
	
    <!-- Tabbar -->
	<!-- <v-footer></v-footer> -->
    <!-- <nav class="mui-bar mui-bar-tab">
			<router-link class="mui-tab-item"to="/home">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</router-link>
			<router-link class="mui-tab-item"to="/other">
				<span class="mui-icon mui-icon-email"><span class="mui-badge">0</span></span>
				<span class="mui-tab-label">分类</span>
			</router-link>
			<router-link class="mui-tab-item"to="/shopcar">
				<span class="mui-icon mui-icon-extra mui-icon-extra-cart"></span>
				<span class="mui-tab-label">购物车</span>
			</router-link>
			<router-link class="mui-tab-item"to="/myself">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">我的</span>
			</router-link>
		</nav> -->
  <!-- <h1>111111111111</h1> -->
  <!-- <Footer></Footer> -->
  <!-- <footer-bottom></footer-bottom> -->
  </div>
</template>

<script>
// var Header ={
//     template:'headerTop'
// }
// var Footer ={
//     template:'footerBottom'
// }
// import headerTop from './components/Header'
// import footerBottom from './components/Footer'
export default {
name:'App',
// components:{  headerTop,
//          footerBottom},
data(){
 return {
        //   header_show:true,
        //   footer_show:true,
 
      }

},
methods:{
	   //是否显示头部
    //  H_header:function (bool) {
    //     this.header_show = bool;
    //   },
      //是否显示底部
    //  F_footer:function (bool) {
    //       this.footer_show = bool;
    //   }

}

}
</script>


<style lang="scss" scoped>
// .app-content {
// 	padding-top: 40px;
// 	padding-bottom: 50px;
// 	overflow-x:hidden; 
// 	height: 2000px;
// 	font-size: 20px;
// 	color: aquamarine;
// }

// .v-enter
// {
// 	opacity: 0;
// 	transform: translateX(100%);

// }
// .v-leave-to {
// 	opacity: 0;
// 	transform: translateX(-100%);
// 		position: absolute; 
// }
// .v-enter-active,
// .v-leave-active {
// 	transition: all 0.5s ease;
// }
</style>
